/* 
    Document   : common
    Created on : May 18, 2010, 11:00:59 PM
    Author     : trunghpb
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*
    The wrap class, wrap of almost attribute in CSS
*/

/* float */
.fcenter{
    text-align:center;
    margin:auto;
}
.fleft{float:left;}
.fright{float:right;}

/* clear */
.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}

/* Space:The empty div put in between other html element for manual padding. */
.space5{height:5px; clear:both;}
.space10{height:10px; clear:both;}
.space15{height:15px; clear:both;}
.space20{height:20px; clear:both;}

/*width by percent*/
.w100p{width:100%;}
.w95p{width:95%;}
.w90p{width:90%;}
.w85p{width:85%;}
.w80p{width:80%;}
.w75p{width:75%;}
.w70p{width:70%;}
.w65p{width:65%;}
.w60p{width:60%;}
.w55p{width:55%;}
.w50p{width:50%;}
.w45p{width:45%;}
.w40p{width:40%;}
.w35p{width:35%;}
.w30p{width:30%;}
.w25p{width:25%;}
.w20p{width:20%;}
.w15p{width:15%;}
.w10p{width:10%;}
.w5p{width:5%;}

/*width by pixel*/
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w180{width:180px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:400px;}
.w500{width:500px;}
.w600{width:600px;}

/* height */
.h100p{height:100%;}
.h5{height:5px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}

.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h120{height:120px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}

/*cursor*/
.cpointer{cursor:pointer;}
.cdefault{cursor:default;}
